﻿@page "/filepreview"
@namespace BootstrapBlazorApp.OnlyServer.Pages

<div class="file-preview">
    <input type="file" class="fileinput" name="file">
    <!-- fileinput 会自动创建文件预览模板 -->
</div>

<script type="text/javascript">
    $('.fileinput').fileinput({
        previewFileType: 'image', // 指定预览的文件类型，默认为 'image'
        allowedFileExtensions: ['jpg', 'png', 'gif'], // 允许上传的文件扩展名列表
        showUpload: false, // 是否显示上传按钮
        showRemove: false, // 是否显示移除按钮
        showCaption: true, // 是否显示文件名（位于预览下方）
        browseClass: 'btn btn-primary', // 指定浏览按钮的样式
        // 其他配置项...
    });
</script>

@{
}
